<!DOCTYPE html>
<!-- saved from url=(0045)http://semantic-ui.com/examples/homepage.html -->
<html>
<head>
	<meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport"
    content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
  <meta name="renderer" content="webkit">
  <meta http-equiv="Cache-Control" content="no-siteapp" />
  <title>云螭行后台管理--<%= @title ? @title : ''%></title>

  <!-- Set render engine for 360 browser -->
  <meta name="renderer" content="webkit">

	<!-- No Baidu Siteapp-->
  <meta http-equiv="Cache-Control" content="no-siteapp"/>

  <link rel="icon" type="image/png" href="/images/logoP.png">

  <!-- Add to homescreen for Chrome on Android -->
  <meta name="mobile-web-app-capable" content="yes">
  <link rel="icon" sizes="192x192" href="assets/i/app-icon72x72@2x.png">

  <!-- Add to homescreen for Safari on iOS -->
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <meta name="apple-mobile-web-app-title" content="云螭行"/>
  <link rel="apple-touch-icon-precomposed" href="assets/i/app-icon72x72@2x.png">

  <!-- Tile icon for Win8 (144x144 + tile color) -->
  <meta name="msapplication-TileImage" content="assets/i/app-icon72x72@2x.png">
  <meta name="msapplication-TileColor" content="#0e90d2">
	<%= stylesheet_link_tag 'semantic.min' %>
	<%= javascript_include_tag 'jquery.min' %>
  <%= javascript_include_tag 'semantic.min' %>
  <%= javascript_include_tag 'enquire.min' %>
  <script>
    $(document).ready(function(){
			$("#sideMenu").show();
			var show = true;
			$("#menuTrigger").click(function(){
				if (show) {
					$("#sideMenu").hide();
					show = false;
				}else {
					$("#sideMenu").show();
					show=true;
				}
			});
			// $('.ui.sticky')
			//   .sticky({
			//     context: '#mainPage'
			//   })
			// ;

			enquire.register("screen and (max-width:951px)", {

			    // OPTIONAL
			    // If supplied, triggered when a media query matches.
			    match : function() {
						$("#sideMenu").hide();
						$("#menuTrigger").unbind("click");
						$("#menuTrigger").click(function(){
							$('.ui.sidebar').sidebar('toggle');
						});
					},

			});

			$('.message .close')
			  .on('click', function() {
			    $(this)
			      .closest('.message')
			      .transition('fade')
			    ;
			  })
			;

    });
  </script>
</head>
<body>
	<div class="ui sidebar inverted vertical menu">
		<div class="item">
			<div class="ui icon input">
				<input type="text" placeholder="搜索文章，留言，门店等等">
				<i class="search link icon"></i>
			</div>
		</div>
		<a href="/system/" class="active item">
			首页
		</a>
		<!-- <a class="item">
			消息中心<div class="ui teal label">4</div>
		</a>
		<a class="item">
			文章管理
		</a> -->
		<!-- <a class="item">
			门店管理
		</a> -->
		<a href="/system/orders/" class="item">
			订单管理
		</a>
		<a href="/system/withdraws/" class="item">
			提现管理
		</a>
		<% if current_admin.is_super %>
		<a href="/system/categories/" class="item">
			商品分类管理
		</a>
		<a href="/system/products/" class="item">
			商品管理
		</a>
		<a class="item">
			图片管理
		</a>
		<a class="item">
			用户管理
		</a>
			<% end %>
		<!-- <a class="item">
			留言管理
		</a> -->
		<!-- <a href="/system/admin" class="item">
			管理系统用户
		</a>
		<a href="/system/role" class="item">
			角色及权限管理
		</a> -->
	</div>

<div class="ui inverted segment pusher"  id="mainPage" style="position:relative;top:-20px;min-height:1000px;height:auto;">

	<div class="ui large inverted pointing fixed top sticky menu" style="left:-10px;">
		<a class="item small image">
      这是LOGO
		</a>
		<a class="item" id="menuTrigger">
			<i class="grid layout icon"></i>
		</a>
	  <div class="right menu">
			<a class="item">
		    消息
				<div class="ui teal label">4</div>
		  </a>
			<a class="ui item dropdown">
			  管理员
			    <i class="dropdown icon"></i>
			    <div class="menu">
			      <div onclick="location.assign('/system/login/out')" class="item" data-value="drop">
							退出
						</div>

			    </div>
			</a>
			<script type="text/javascript">
			$('.dropdown')
				.dropdown({
					// you can use any ui transition
					transition: 'drop'
				})
				;
			</script>
	  </div>
	</div>
	<br><br>
	<div class="ui segment" style="min-height:900px;height:auto;">
		<div class="ui stackable centered padding grid">
			<div class="four wide center aligned padding column" id="sideMenu" >
				<div class="ui inverted vertical pointing  menu" style="min-height: 700px;position:fixed">
					<div class="item">
						<div class="ui icon input">
							<input type="text" placeholder="搜索文章，留言，门店等等">
							<i class="search link icon"></i>
						</div>
					</div>
					<a href="/system/" class="<?php echo isset($IndexisActived)? $IndexisActived : ''; ?> item">
						首页
					</a>
					<a href="/system/withdraws" class="item">提现管理</a>
					<a href="/system/orders/" class="item">
						订单管理
					</a>
					<!-- <a class="item">
						消息中心<div class="ui teal label">4</div>
					</a> -->
					<!-- <a class="item">
						文章管理
					</a> -->
					<% if current_admin.is_super %>
					<a href="/system/pictures/" class="item">
						图片管理
					</a>
					<!-- <a class="item">
						门店管理
					</a> -->
					<!-- <a class="item">
						留言管理
					</a> -->
					<a href="/system/categories/" class="item">
						商品分类管理
					</a>

					<a href="/system/products/" class="item">
						商品管理
					</a>
					<a  href="/system/users/" class="item">
						用户管理
					</a>
					<!-- <a href="/system/admin" class="item">
						管理系统用户
					</a>
					<a href="/system/roles" class="item">
						角色及权限管理
					</a> -->
					<% end %>

				</div>
			</div>
			<!-- main area -->
			<div class="twelve wide  center aligned padding column">
				<div class="ui container">
					<%= flash_tag(:error, :class => 'ui error message transition flash-notice') %>
					<%= flash_tag(:success, :class => 'ui success message transition flash-notice' )%>
					<script type="text/javascript">
						$('.flash-notice').fadeOut(6500);
					</script>
				</div>


				<%= yield %>

			</div>
		</div>

	</div>

	<div class="ui inverted vertical footer segment">

    <h5 class="ui horizontal divider mini text header" style="text-align:center; color: grey">
      <i class="tag icon"></i>
      版权声明
    </h5>

    <div class="ui mini inverted centered message" style="text-align:center; color: grey">
      <p>CopyRight<i class="ui small copyright icon"></i>深圳市天上来科技有限公司
        <br> &nbsp;&nbsp;粤ICP备16034192号-1&nbsp;
    </div>
  </div>



</div>


</body>
</html>
